/* 引入外部图标样式 */
@font-face {
  font-family: 'iconfont';  /* Project id 2431691 */
  src: url('//at.alicdn.com/t/c/font_2431691_1hrzzslz7vx.woff2?t=1663638127849') format('woff2'),
       url('//at.alicdn.com/t/c/font_2431691_1hrzzslz7vx.woff?t=1663638127849') format('woff'),
       url('//at.alicdn.com/t/c/font_2431691_1hrzzslz7vx.ttf?t=1663638127849') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/* 样式重置 */
html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}
body{font: 12px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
a:hover{ text-decoration: none; }
/*清除内外边距*/
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
/*设置默认字体*/
:focus{outline: 0;}
ul,
ol{list-style: none;}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}
abbr, acronym{border: 0; font-variant: normal;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
code, kbd, samp, tt{font-size: 100%;}
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
textarea{resize: none;}
.inner{ width: 1400px; margin:0 auto; }
@media only screen and (max-width: 1400px){
  .inner{ width: 100%; box-sizing: border-box; padding:0 15px; }
}
@media only screen and (max-width: 640px){
  .inner{ padding:0; }
}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
.wrap{width:1400px;margin:0 auto;overflow: hidden;}
.wrapp{width:1400px;margin:0 auto;position: relative;}
/*主色调 红色 var(--zhu-color)*/
body{--zhu-color:#007da7;--pei-color:#2d2b2b;}

/*划出菜单*/
.fancynav-mainnav{position: fixed;}
/*header*/
.header{position: relative;}
.h-nav{width:100%;position: fixed;z-index: 2000;top:0;}
.h-nav-box{width:100%; padding:30px 15px;left:50%;transform:translateX(-50%);position: relative;transition: all .5s}
.h-nav-box.active{padding:15px;}
.h-left{width:30%;}
.h-mid{font-size: 16px;width:calc(100% - 33% - 230px);}
.h-mid li{position: relative;height: 130%;padding:5px 0;}
.h-mid .yiji{color: #fff;padding:30px 0;position: relative;z-index: 2;}
.h-mid .yiji:after{width:0;content:'';height: 2px;background: #fb902c;display: block;position: absolute;top:60px;left:50%;transform: translateX(-50%);transition: all .5s}
.h-mid li .sublist{position: absolute;background:rgba(0,0,0,0.5) ;padding:15px 0;top:-500px;left:50%;transform: translateX(-50%);width: 120px;z-index: -1;border-radius: 5px;text-align: center;display: none;}
.h-mid li .sublist a{color: #fff;padding:5px 15px;width:100%;display: block;font-size: 14px;}
.h-mid li:hover .yiji{color: #fb902c;font-weight: bold;}
.h-mid li:Hover .yiji:after{ width:100%;}
.h-mid li:hover .sublist{ top:40px;}
.h-mid li .sublist a:hover{font-weight: bold;}

.h-right{width:230px;}
.h-tel{padding-top: 5px;text-align: right;width:100%;}
.h-tel span{display: block;background: var(--zhu-color);width:35px;height: 35px;text-align: center;line-height: 35px;}
.h-tel i{font-size: 16px;color: #fff}
.h-tel p{font-size: 24px;text-indent: 10px}
.demolist{display: none;}
.h-menu{text-align: right;line-height: 1.2;display: none;}
.h-menu i{font-size: 40px;color: #fff;}

@media(min-width: 1600px){
  .h-nav-box{width:1600px;}

}
@media(max-width: 1600px){
  .h-nav-box{width:100%;padding:15px 0;}
}
@media(max-width: 1200px){
  .h-right{display: none}
  .h-mid{width:calc(100% - 33%);}
}
@media(max-width: 992px){
  .h-mid{display: none;}
  .h-left{width:80%;}
  .h-menu{display: block;width:20%;}
}
@media(max-width: 768px){
  .h-nav-box{width:100%;padding:10px 0;}
}
@media(max-width: 576px){
  .h-menu i{font-size: 32px;}
   .h-nav-box{width:100%;padding:5px 0;}
}

/*flash*/
.flash{position: relative;top:0;--swiper-theme-color: var(--zhu-color);overflow: hidden;}
.jiantou{width:72px;height: 72px;background: var(--zhu-color);position: absolute;z-index: 1;margin-top:-35px;animation:tiaodong .3s infinite alternate;left:50%;transform:translateX(-50%); }
@keyframes tiaodong {
  from {margin-top:-30px;}
  to {margin-top:-35px;}
  animation-duration:2s;
}

@media(max-width: 1200px){
  .jiantou{display: none!important;}
}
@media(max-width: 768px){
  .flash img{height: 350px;object-fit: cover;}
  
}
@media(max-width: 576px){
  .flash img{height: 200px;}
  .h-menu i{font-size: 32px;}
   .h-nav-box{width:100%;padding:5px 0;}
}
/*footer*/
.footer{padding:30px 0;background:url(../images/footer-bg.jpg) center top no-repeat;}
.footer-box{width:1400px;margin:0 auto;}
.footer-hd{border-bottom: solid 1px rgba(153,153,153,0.5);padding:20px 0;background: url(../images/link-icon.png) left center no-repeat;color: #999999;}
.footer-hd .left{text-indent: 120px;line-height: 50px;}
.footer-hd .left a{font-size: 16px;color: #999999;}
.footer-hd .left a:hover{color: var(--zhu-color);}
.footer-hd .right{text-align:right;}
.footer-hd .right a{width:45px;height: 45px;border:solid 1px #999;color: #999;display: block;text-align: center;line-height: 45px;margin:0 10px;}
.footer-hd .right a i{font-size:30px}
.footer-hd .right a:nth-child(2) i{font-size:20px}
.footer-hd .right a:hover{background: var(--zhu-color);color: #fff;}
.footer-md{padding:55px 0;}
.footer-md .title{color:#fbfbfb;font-size: 16px;font-weight: 600;margin-bottom: 20px;}
.footer-md .left ul{color:#929191;font-size: 14px;}
.footer-md .left ul a{padding:5px 0px;color: #999;display: inline-block;margin-right: 20px;}
.footer-md .left ul a:hover{color: var(--zhu-color);}
.footer-md .right ul{display: flex;flex-direction: row;justify-content: flex-start;}
.footer-md .right ul li{width:30%;}
.footer-md .right ul li .t1{color: var(--zhu-color);font-size:16px;font-weight: bold;}
.footer-md .right ul li .t2{color: #706f6f;font-size:14px;margin-top: 10px;}
.footer-md .right ul li span{color: #fff;font-size:14px;display: inline-block;width:200px;line-height: 30px;}
.footer-md .right ul li span i{color: var(--zhu-color);font-size:25px;float: left;}
.footer-md .right ul li:nth-child(2){width:50%;}
.footer-bd{border-top:solid 1px rgba(153,153,153,0.5);padding: 20px 50px 20px 0px;color: #999;font-size: 14px;display: flex;flex-direction: row;justify-content: space-between;}
.footer-bd a{color: #999;}
.footer-bd a:hover{color: var(--zhu-color);}
@media(max-width: 1400px){
  .footer-box{width:auto;}
}
@media(max-width: 1200px){
  .footer-md .right ul li{width:40%;}
  .footer-md .right ul li:nth-child(2){width:60%;}
}
@media(max-width:992px ){
  /*.footer-md .right ul{width:80%;}*/
}
@media(max-width:768px ){
  .footer{padding:30px 0 50px;}
  .footer-md{padding:10px 0; }
  .footer-md .right ul{flex-direction: column;}
  .footer-md .right ul li{margin-bottom:20px;width:100%;}
  .footer-bd{flex-direction: column;padding:20px 0 20px 0;}
}


/*page*/
/*fenye*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0;  clear: both;}
  .de-page-mian .page-inner{display: inline-block; overflow: hidden;margin: 10px auto 35px;}
  .de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;width:auto;}
  .de-page-mian .page-inner a.active,
  .de-page-mian .page-inner a:hover{color: #fff; border-color:var(--zhu-color); background: var(--zhu-color);}
  .de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
  .de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
  .de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
  .de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
  .de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
  .de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
  .de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;display: none;}
  .de-page-mian .page-inner span{display: none; font-size: 12px; color: #333; float: left; line-height: 38px;}
  .de-page-mian .page-inner input{display: none; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}

/*no-goods*/
.no-goods,.no-network{padding-top:100px; overflow: hidden; text-align: center;}
.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}
.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}

/*down*/
.down{width:100%;flex-direction: row;justify-content: space-between;background: #211f1f;display: none;}
.down li{width:25%;border-right:solid 1px #fff;padding:5px 0;box-sizing: border-box;}
.down li:nth-child(4){border:none;}
.down li a{width:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;font-size: 14px;}
.down li a i{font-size: 20px;line-height: 1}
.modal{padding-right: 0!important;}
.modal-open{padding-right: 0!important;}
@media(max-width: 768px){
  .down{display:flex;}
}
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
@media only screen and (max-width: 768px){
  .plugin-fixed-call{ display: none; }
}